<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <!--方式一：内嵌方式-->
        <script type="text/javascript">

            //在控制台输出信息
            console.log("hello");
            console.log('哈哈');

            //弹出框
            // alert("我是董宇辉");

        </script>

        <!--方式三：外部引入方式-->
        <!--注意：当引入外部js文件之后,在该script标签的标签体中不能存在任何内容-->
        <script src="../js/01.js"></script>


    </head>
    <body>

        <!--方式二:行内方式，在标签上写js代码-->
        <!--onclick:当点击div的时候-->
        <div id="mydiv" onclick="javascript:alert('我是div');">我是div</div>
        <!--前缀可以省略-->
        <div id="mydiv2" onclick="alert('我是div');">我是div</div>
        <input type="button" value="我是按钮" onclick="alert('我是普通按钮呀');">

        <!--当js与href属性连用的时候，必须加上javascript前缀-->
        <a href="javascript:alert('以前的我是超链接');">点击我呀</a>
        <a  onclick="alert('哈哈哈哈')">点我</a>

    </body>
</html>